<template>
  <div>
    <div ref="num" @click="changefn">数量11{{ a }}</div>
  </div>
</template>
<script setup lang="ts"  name= "person555">
// 父组件是App17.vue  借助这个去理解
import { defineProps } from "vue";//其实在vue3中有几个是宏函数  这个就是  宏函数需要引入可以直接使用
import { type person } from "../types/index";
// 限制变量类型 并且使用类型ts
let obj: person = { id: "12456", name: "张三", age: 18 };
//defineProps(["a"])   //单纯的接受a    你如果想在方法里面用  抱歉用不了    因为在子组件里面a是单纯的字符串,但是模板中可以识别到
let x = defineProps(["a"]); //保存a    父组件传什么 子组件怎么接受
console.log(x.a);

//总结  defineProps接受父组件传递过来的值可以限制其类型，一般是都是借助ts实现的 这里我没有写过多的限制，和设置默认值的东西
</script>